<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- Head BEGIN -->
<head>
  <meta charset="utf-8">
  <title>{$article_data?$article_data['title']:'店铺动态'} - {$site_config['site_title']}</title>
  <meta content="{$article_data?$article_data['description']:$site_config['site_description']}" name="description">
  <meta content="{$article_data?$article_data['keywords']:$site_config['site_keywords']}" name="keywords">
  <meta property="og:site_name" content="{$article_data?$article_data['cat_name']:$site_config['site_name']}">
  <meta property="og:title" content="{$article_data?$article_data['title']:$site_config['site_title']}">
  <meta property="og:description" content="{$article_data?$article_data['description']:$site_config['site_description']}">
  <meta property="og:type" content="website">
  <meta property="og:image" content="-CUSTOMER VALUE-"><!-- link to image for socio -->
  <meta property="og:url" content="//{$_SERVER['HTTP_HOST']}/">

  {template tpl_header_source.html}
</head>
<!-- Head END -->

<!-- Body BEGIN -->
<body>
    {template tpl_header.html}

    <div class="main">
      <div class="container">
        <ul class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li class="active"><a href="{$article_data['category_info']?$article_data['category_info']['category_url']:''}">{$article_data['category_info']?$article_data['category_info']['cat_name']:'店铺动态'}</a></li>
        </ul>
        <!-- BEGIN SIDEBAR & CONTENT -->
        <div class="row margin-bottom-40">
          <!-- BEGIN SIDEBAR -->
          <div class="sidebar col-md-3 col-sm-3">
            <ul class="list-group margin-bottom-25 sidebar-menu">
            	{if( $article_categorys )}
            	{loop $article_categorys $k $v}
              <li class="list-group-item clearfix"><a href="{$v['category_url']}"><i class="fa fa-angle-right"></i> {$v['cat_name']}</a></li>
              {/loop}
              {/if}
            </ul>
          </div>
          <!-- END SIDEBAR -->

          <!-- BEGIN CONTENT -->
          <div class="col-md-9 col-sm-9 data-content">
            <h2 class="margin-bottom-25">{$article_data['title']}</h2>
            <!-- BEGIN article content -->
            <div class="row margin-bottom-25">
            	{$article_data['content']}
            </div>
            <!-- END article content -->
            <div class="row">
            	<h3 class="pull-left font-size-14">
            		上一篇：
            		{if( $article_data['last_article'] )}
            		<a href="{$article_data['last_article']['article_url']}" class="no-color">{$article_data['last_article']['title']}</a>
            		{else}
            		没有了
            		{/if}
            	</h3>
            	<h4 class="pull-right font-size-14">
            		下一篇：
	            	{if( $article_data['next_article'] )}
            		<a href="{$article_data['next_article']['article_url']}" class="no-color">{$article_data['next_article']['title']}</a>
            		{else}
            		没有了
            		{/if}
            	</h4>
            </div>
          </div>
          <!-- END CONTENT -->
        </div>
        <!-- END SIDEBAR & CONTENT -->
      </div>
    </div>

    {template tpl_brands.html}

    {template tpl_steps.html}

    {template tpl_footer.html}

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS(REQUIRED ONLY FOR CURRENT PAGE) -->
    <script type="text/javascript" src="assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="assets/plugins/bxslider/jquery.bxslider.min.js"></script><!-- slider for products -->
    <script type="text/javascript">
      jQuery(document).ready(function() {
        App.init();      
        App.initBxSlider();
      });
    </script>
    <!-- END PAGE LEVEL JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>